<%@ page contentType="text/html; charset=UTF-8"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ page import="com.bosch.in.rtp1.ept.constant.ModifiedLinksContanst;"%>
<link href="css/modifiedJUI.css" type="text/css" rel="stylesheet"></link>
<script type="text/javascript" src="js/jqgridUtility.js"></script>
<script type="text/javascript" src="js/modifiedLinks.js"></script>
<script type="text/javascript" src="js/json2.js"></script>

<br/>
<div class="content">
<table id="s3list"></table>
<div id="llPager"></div>
<script type="text/javascript">
populateLinkedTable({
		colNames: [ 
					'<%=ModifiedLinksContanst.ID%>',
		   			'<%=ModifiedLinksContanst.TITLE%>','<%=ModifiedLinksContanst.LINK%>',
		   			'<%=ModifiedLinksContanst.ORDER%>','<%=ModifiedLinksContanst.STATUS%>'
		   			,'','','',''
				  ],
		colModel: [
					{
						name : '<%=ModifiedLinksContanst.ID%>',
						index : '<%=ModifiedLinksContanst.ID%>',
						hidden: true,
						editable:false,
						sorttable: false
					},
					{
						name : '<%=ModifiedLinksContanst.TITLE%>',
						index : '<%=ModifiedLinksContanst.TITLE%>',
						width : 100,
						editable:true, 
						editoptions: {maxlength: 50},
						sorttable: false
					},
					{
						name : '<%=ModifiedLinksContanst.LINK%>',
						index : '<%=ModifiedLinksContanst.LINK%>',
						width : 200,
						editable:true, 
						editoptions: {maxlength: 200},
						sorttable: false
					},
					{
						name : '<%=ModifiedLinksContanst.ORDER%>',
						index : '<%=ModifiedLinksContanst.ORDER%>',
						hidden: true,
						editable:true,
						sorttable:true
					},
					{
						name : '<%=ModifiedLinksContanst.STATUS%>',
						index : '<%=ModifiedLinksContanst.STATUS%>',
						hidden: true,
						editable:true,
						sorttable: false
					},
                	{ name: 'clear', width: 6, sortable: false, search: false,
                   	formatter:function(){
                       return "<span class='ui-icon ui-icon-cancel' title='Cancel'></span>";
                   	}
	                },
                	{ name: 'remove', width: 6, sortable: false, search: false,
                   	formatter:function(){
                       return "<span class='ui-icon ui-icon-trash' title='Remove'></span>";
                   	}                   	
	                },
	                { name: 'moveUp', width: 6, sortable: false, search: false,
                       	formatter:function(){
                           return "<span class='ui-icon ui-icon-arrow-1-n' title='Move Up'></span>";
                       	}
                   	},
                   	{ name: 'moveDown', width: 6, sortable: false, search: false,
                       	formatter:function(){
                           return "<span class='ui-icon ui-icon-arrow-1-s' title='Move Down'></span>";
                       	}
                   	}
				]
			}
	);
</script>
</div>
